
{% extends 'news/base_login.html' %}
{% load staticfiles %}
{% block title %}用户{{ user.nickname }}的主页{% endblock %}
{% block css %}
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'news/css/base_login.css' %}" charset="utf-8">
<link rel="stylesheet" type="text/css" href="{% static 'news/css/my_publish.css' %}" charset="utf-8">
<link rel="stylesheet" type="text/css" href="{% static 'news/css/my_vip.css' %}" charset="utf-8">

<!--<link rel="stylesheet" type="text/css" href="{% static 'news/article.css' %}">-->
{% endblock %}
{% block content %}
{% block content_login %}
	<div id="i1">
    <div id="i2">
        <div id="i3"><a href="{% url 'news:main_index' %}"><img id='m1' src="{% static 'news/images/1234.jpg' %}"/></a></div>
        <div id="i4">{{ user.nickname }}</div>
        <img id="m2" src="{% static 'news/images/5.png' %}"/>
        <img id="m3" src="{% static 'news/images/6.png' %}"/>
        <div id="i5">剩余积分</div>
        <div id="i6">{{ user.integral }}</div>
        <div id="i7"></div>
        <div id="i8">剩余发布次数</div>
        <div id="i9">{{ user.number }}</div>
    </div>
    <div id="i11" >
        <div id="i12" class="c"><img src="{% static 'news/images/my_vip.png' %}"/></div>
        <div id="i13"><a href="{% url 'news:my_vip' %}" style="text-decoration:none; color:black;">我的会员</a></div>
    </div>
    <div id="i14" >
        <div id="i15" class="c"><img src="{% static 'news/images/my_jf.png' %}"/></div>
        <div id="i16"><a href="{% url 'news:my_integral' %}" style="text-decoration:none; color:black;">我的积分</a></div>
    </div>
    <div id="i17">
        <div id="i18" class="c"><img src="{% static 'news/images/post_n.png' %}"/></div>
        <div id="i19"><a href="{% url 'news:mypublish' %}" style="text-decoration:none; color:black;">我的发布</a></div>
    </div>
    <div id="i20" >
        <div id="i21" class="c"><img src="{% static 'news/images/xxx_n.png' %}"/></div>
        <div id="i22" style="text-decoration:none;"><a href="{% url 'news:my_message' %}" style="text-decoration:none; color:black;">消息通知</a></div>
    </div>

    <div id="i23">
        <div id="i24"></div>
        <div id="i25"><img src="{% static 'news/images/sz.png' %}"/></div>
        <div id="i26" style="font-size: 18px;
        position: absolute;
        top: 18px;
        left: 59px;
        height: 25px">设置</div>
		<div id="i27"><img src="{% static 'news/images/xia.png' %}"/></div>
	</div>
	<div id="i28" style="list-style:none; position: absolute; top: 505px; left: 0px;">
		<ul>
			<p id="i29"><a href="{% url 'news:user_index' %}" style="text-decoration:none; color:black;">个人资料</a></p>
			<p><a href="{% url 'news:alert_pwd_1' %}" style="text-decoration:none; color:black;">修改密码</a></p>
			<a href="{% url 'news:main_index' %}" style="text-decoration:none; color:black">退出登录</a>
		</ul>
	</div>


    <!--<div id="i29" style="position: absolute;top:0;left: 320px;width: 100px;height: 100px;">我的发布</div>-->

</div>

    {% load news_filter %}
    <ul id="u1">
		<li>我的发布</li>
		<span class="sp1" id="spp1">全部</span>
		<span class="sp1" id="spp1_2">待审核</span>
		<span class="sp1" id="spp1_3">审核通过</span>
		<span class="sp1 not">审核未通过</span>
		<div id="d4"></div>
				<!-- <img src="img/zan.png" alt="" class="zan">
				<div id="zan">暂无内容</div> -->

		<div class="news_s ">
			{% for i in article %}
			<li class="news ">
				<div>
					<a href="{% url 'news:article_detail' i.id %}"><img src="{% static i.images.url %}" alt="" class="img2"></a>
					<h4 class="h4"><a href="">{{i.title}}</a></h4>
					<a href=""><p class="ps3">{{i.abstract}}</p></a>
					<p class="sp4">{{user.nickname}}|{{i.pub_date|date:'Y-m-d H:i:s'}}</p>
					<span class="spans"><img src="{% static 'news/images/k_02.png' %}" >300 <img class="img10" src="{% static 'news/images/yan.png' %}" alt="">300</span>

				</div>
							{{i.audit_status|images|safe}}
			</li>
			{% endfor %}
			<ul class="su">
				{% if article.has_previous %}
				<li><a href="?page={{article.previous_page_number}}" aria-label="Previous">
					<span aria-hidden="true">&laquo;</span>
				</a>
				</li>
				{% endif %}
				{% for pg in article.paginator.page_range %}
				{% if article.number == pg %}
				<li><a href="?page={{pg}}">{{pg}}</a></li>
				{% else %}
				<li><a href="?page={{pg}}">{{pg}}</a></li>
				{% endif %}
				{% endfor %}

				{% if article.has_next %}
				<li>
					<a href="?page={{article.newxt_page_number}}" aria-label="Next">
						<span aria-hidden="true">&raquo;</span>
					</a>

				</li>
				{% endif %}
			</ul>
		</div>

		<div class="news_s new">
			{% for i in article_1 %}
			<li class="article_1">
				<div>
					<a href="{% url 'news:article_detail' i.id %}"><img src="{% static i.images.url %}" alt="" class="img2"></a>
					<h4 class="h4"><a href="">{{i.title}}</a></h4>
					<a href=""><p class="ps3">{{i.abstract}}</p></a>
					<p class="sp4">{{user.nickname}}|{{i.pub_date|date:'Y-m-d H:i:s'}}</p>
					<span class="spans"><img src="{% static 'news/images/k_02.png' %}" >300 <img class="img10" src="{% static 'news/images/yan.png' %}" alt="">300</span>

				</div>
				{{i.audit_status|images|safe}}
			</li>
			{% endfor %}
			<ul class="su">
				{% if article_1.has_previous %}
				<li><a href="?page={{article.previous_page_number}}" aria-label="Previous">
					<span aria-hidden="true">&laquo;</span>
				</a>
				</li>
				{% endif %}
				{% for pg in article_1.paginator.page_range %}
				{% if article.number == pg %}
				<li><a href="?page={{pg}}">{{pg}}</a></li>
				{% else %}
				<li><a href="?page={{pg}}">{{pg}}</a></li>
				{% endif %}
				{% endfor %}

				{% if article_1.has_next %}
				<li>
					<a href="?page={{article.newxt_page_number}}" aria-label="Next">
						<span aria-hidden="true">&raquo;</span>
					</a>

				</li>
				{% endif %}
			</ul>

		</div>
		<div class="news_s new" >
			{% for i in article_yes %}
			<li class="news_yes">
				<div>
					<a href="{% url 'news:article_detail' i.id %}"><img src="{% static i.images.url %}" alt="" class="img2"></a>
					{{ i }}
					<h4 class="h4"><a href="">{{i.title}}</a></h4>
					<a href=""><p class="ps3">{{i.abstract}}</p></a>
					<p class="sp4">{{user.nickname}}|{{i.pub_date|date:'Y-m-d H:i:s'}}</p>
					<span class="spans"><img src="{% static 'news/images/k_02.png' %}" >300 <img class="img10" src="{% static 'news/images/yan.png' %}" alt="">300</span>

				</div>
				{{i.audit_status|images|safe}}
			</li>
			{% endfor%}
			<ul class="su" style="">
				{% if article_yes.has_previous %}
				<li><a href="?page={{article.previous_page_number}}" aria-label="Previous">
					<span aria-hidden="true">&laquo;</span>
				</a>
				</li>
				{% endif %}
				{% for pg in article_yes.paginator.page_range %}
				{% if article.number == pg %}
				<li><a href="?page={{pg}}">{{pg}}</a></li>
				{% else %}
				<li><a href="?page={{pg}}">{{pg}}</a></li>
				{% endif %}
				{% endfor %}

				{% if article_yes.has_next %}
				<li>
					<a href="?page={{article.newxt_page_number}}" aria-label="Next">
						<span aria-hidden="true">&raquo;</span>
					</a>

				</li>
				{% endif %}
			</ul>
		</div>


		<div class="news_s new">
			{% for i in not_article %}
			<li class="not_news">
				<div>
					<a href="{% url 'news:article_detail' i.id %}"><img src="{% static i.images.url %}" alt="" class="img2"></a>
					<h4 class="h4"><a href="">{{i.title}}</a></h4>
					<a href=""><p class="ps3">{{i.abstract}}</p></a>
					<p class="sp4">{{user.nickname}}|{{i.pub_date|date:'Y-m-d H:i:s'}}</p>
					<span class="spans"><a href=""><img src="{% static 'img/k_02.png' %}" ></a>300 <img class="img10" src="{% static 'news/images/yan.png' %}" alt="">300</span>

				</div>
				{{i.audit_status|images|safe}}
			</li>
			{% endfor %}
			<ul class="su">
				{% if not_article.has_previous %}
				<li><a href="?page={{article.previous_page_number}}" aria-label="Previous">
					<span aria-hidden="true">&laquo;</span>
				</a>
				</li>
				{% endif %}
				{% for pg in not_article.paginator.page_range %}
				{% if article.number == pg %}
				<li><a href="?page={{pg}}">{{pg}}</a></li>
				{% else %}
				<li><a href="?page={{pg}}">{{pg}}</a></li>
				{% endif %}
				{% endfor %}

				{% if not_article.has_next %}
				<li>
					<a href="?page={{article.newxt_page_number}}" aria-label="Next">
						<span aria-hidden="true">&raquo;</span>
					</a>

				</li>
				{% endif %}
			</ul>
		</div>








	</ul>


	<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<script type="text/javascript">



		$('.sp1').click(function(){
		for(var i=0;i<$(this).length;i++){
			$('.news_s').hide('shlow')
			$('.sp1').css({ "color": "#949494",'border-bottom':'0px #1992EF solid'});
		}
		$('.news_s')[$(this).index()-1].style.display = 'block'
		$(this).css({ "color": "#1992EF",'border-bottom':'3px #1992EF solid'});
	})


	</script>
{% endblock %}
{% endblock %}



